.add-edit-cargoods {
  min-height: 100vh;
  padding-bottom: 140rpx;
  background-color: #f6f6f6;

  .form-box {
    padding: 20rpx 24rpx 0;

    .form-item {
      margin-top: 20rpx;
      padding: 0 22rpx;
      background-color: #fff;
      border-radius: 10rpx;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

      &:first-child {
        margin-top: 0;
      }
    }
  }

  & /deep/ .u-mode-center-box {
    background-color: transparent;
  }
}

@mixin height100() {
  height: 100rpx;
  line-height: 100rpx;
}

// 店铺
.store-box {
  @include height100();
}

// 商品分类
.goods-category {
  .content {
    @include height100();
  }

  // 显示商品分类的位置
  .content-right {
    text {
      margin-right: 60rpx;
    }
  }
}

// 品牌和型号
.cargoods-brand-no {
  .row {
    @include height100();
    &:last-child {
      border-top: 1px solid #eee;
    }

    .left {
      flex: 1;
    }

    input {
      flex: 1;
      padding: 0 80rpx;
      text-align: right;
    }
  }
}

// 适配的车型
.car-type {
  // 标题
  .title-oper {
    height: 90rpx;
    line-height: 90rpx;

    .right-btn {
      text {
        margin-right: 32rpx;
      }
    }
  }

  // 车型列表
  .car-list {
    overflow: hidden;

    .item {
      margin-bottom: 20rpx;

      .content {
        @include height100();
        flex: 1;
        padding: 0 20rpx;
        margin-right: 36rpx;
        background-color: #f4f4f4;
        border-radius: 10rpx;
      }
    }
  }

  // 查看更多
  .read-more {
    @include height100();
    text-align: center;
  }
}

// 备注
.remark {
  min-height: 80rpx;

  text {
    padding-top: 32rpx;
  }

  .remark-input {
    flex: 1;
    padding-top: 20rpx;
  }

  /deep/ .u-input {
    padding-right: 60rpx !important;
    text-align: right !important;
  }
}

// 车品图片
.car-imgs-box {
  // 标题
  .title-box {
    padding: 14rpx 0;
  }

  .img-content {
    .label-box {
      @include height100();
    }
  }

  .img-list {
    padding-bottom: 22rpx;

    .img {
      width: 124rpx;
      height: 124rpx;
      margin-bottom: 12rpx;

      image {
        width: 100%;
        height: 100%;
        border-radius: 10rpx;
      }

      // 右边距自动
      &.mr-auto {
        margin-right: auto;
      }
      // 右边距固定
      &.mr-12 {
        margin-right: 12rpx;
      }
    }

    .btn-upload {
      image {
        width: 124rpx;
        height: 124rpx;
        border-radius: 10rpx;
      }
    }
  }
}

// 价格库存
.price-form {
  .title-box {
    padding: 34rpx 0 14rpx;
  }
  .price-content {
    padding-right: 20rpx;
  }
  .left-flex-1 {
    flex: 1;
  }

  .row {
    @include height100();
    border-top: 1px solid #eee;

    &:first-child {
      border-top: 0;
    }

    input {
      width: 234rpx;
      padding-right: 40rpx;
      text-align: right;
    }
  }

  .stock {
    // text-align: right;
  }
}

// 物流信息
.logistics-info {
  .title-box {
    padding: 34rpx 0 14rpx;
  }

  .row {
    border-top: 1px solid #eee;
    @include height100();

    &:first-child {
      border-top: 0;
    }

    text {
      margin-right: 60rpx;
    }
  }
}

// 固定在底部的按钮
.btn-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120rpx;
  line-height: 120rpx;
  padding: 0 24rpx;
  background-color: #fff;

  .btn-add {
    .btn {
      width: 100%;
    }
  }

  // 编辑的按钮
  .btn-edit {
    .btn {
      width: 33%;
      margin-right: 2rpx;
    }
  }
}

// popup弹窗标题样式
.popup-title {
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  font-size: 36rpx;
  font-weight: 500;
  color: #333333;
  border-bottom: 1px solid #eee;
}
// 底部弹出框
// 运费设置
.shipping-setting {
  .content {
    .radio-box {
      padding: 30rpx 0 30rpx 120rpx;
    }
    .row {
      & + .row {
        margin-top: 60rpx;
      }

      text {
        margin-left: 18rpx;
      }
    }
  }

  .freight {
    input {
      width: 300rpx;
      padding-left: 20rpx;
      font-size: 30rpx;
      border-bottom: 1px solid #eee;
    }
    // text-align: center;
  }

  .btn-success {
    padding: 30rpx 85rpx;
    .btn {
      width: 100%;
    }
  }
}

// 可配送区域
.area-popup {
  height: 1020rpx;
  position: relative;

  .area-content {
    height: 100%;
    padding: 0 24rpx;

    // 定位
    .location-item {
      padding: 30rpx 0;

      .location-active {
        display: inline-block;
        padding: 16rpx 46rpx;
        margin-top: 14rpx;
        border: 1px solid #eee;
        border-radius: 10rpx;
        font-size: 34rpx;
        color: #333333;
      }
    }
  }

  .scroll-area {
    height: 940rpx;
  }

  .letter-list {
    position: absolute;
    top: 125rpx;
    right: 0;
    padding: 0 24rpx;
    z-index: 999;

    .item {
      color: #fbb000;
    }
  }

  .area-list {
    height: 100%;

    .item {
      height: 100rpx;
      line-height: 100rpx;
      border-top: 1px solid #eee;
    }
  }
}

// 发货地弹框
.delivery-address {
  height: 1080rpx;

  //
  .scroll-area {
    height: 1000rpx;
  }
}

// 发布成功弹框
.successPoup {
  width: 100%;
  position: relative;

  .top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    text-align: center;

    image {
      width: 235rpx;
      height: 204rpx;
    }
  }

  .main {
    padding-top: 170rpx;
    padding-bottom: 80rpx;
    background: #ffffff;
    border-radius: 30rpx;
    transform: translateY(40rpx);

    .title {
      font-size: 36rpx;
      font-weight: 500;
      color: #333333;
      text-align: center;
    }
    .con {
      margin: 20rpx 0 46rpx;
      font-size: 28rpx;
      font-weight: 500;
      color: #999999;
      text-align: center;
    }
    .btn {
      background: linear-gradient(-90deg, #fbd220, #ffe23e);
      height: 88rpx;
      line-height: 88rpx;
      text-align: center;
      width: 240rpx;
      border-radius: 44rpx;
      color: #333;
      font-weight: 500;
      margin: 0 auto;
      font-size: 32rpx;
      font-weight: 500;
      color: #333333;
    }
  }
}
